<template>
	<view class="flex align-center m-2 border-radius-32" @click="open">
		<image :src="item.avatar" style="width: 240rpx;height: 300rpx;" class="rounded m-2"></image>
		<view class="flex flex-column flex-1">
			<view class="font-md text-bold text-left ml-2">{{item.username}}<uni-icons color="#FFC300" size="16" class="iconfont iconpingfenmoren ml-128"/><text class="text-yellow ml-1 font-32">{{item.serverScore}}</text></view>
			<view class="font-28 text-left ml-2"><text class="text-green mr-4">在线</text>{{item.location}}</view>
			<view class="flex flex-wrap">
				<view class="border rounded32 text-lightbule font-sm mx-1 my-1 px-2" v-for="(item2,index2) in setlist" :key="index2">{{item2.name}}</view>
			</view>
			<view class="flex font text-dark align-center text-bold ml-1 align-end">
				{{item.priceDis}}
				<button class="ml-128 iconfont iconyinshipintonghua-baise mini-button-smaller"
				 @click.stop="showModalDialog(item)"></button>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				setlist: [{
					name: "情感纠纷"
				}, {
					name: "经济合同"
				}, {
					name: "情感纠纷"
				}]
			}
		},
		props: {
			item: Object,
			index: Number
		},
		methods: {
			open() {

			}
		},
	}
</script>

<style>
</style>
